<!--User.vue.vue-->
<template>
  <div class="">

    <div class="info-item">
      <div class="info-title">
        钱包现金
      </div>
      <div class="info-value">
        1000 元
      </div>

    </div>

    <tab-bar></tab-bar>
  </div>

</template>


<script>
import axios from 'axios';
import storeItem from '../utils/store';
import tabBar from './common/TabBar';

axios.defaults.baseURL = process.env.BASE_URL;

export default {
  name: 'user',
  data() {
    return {
      user: {},
    };
  },
  methods: {
    getUserInfo() {
      axios.get('/user/user_detail', {
        params: {
          token: storeItem.getItem('token'),
        },
      }).then((response) => {
        if (response.status === 200) {
          if (response.data.status === true) {
            this.user = response.data.data;
          }
        }
      });
    },
  },
  mounted() {
    this.getUserInfo();
  },
  components: {
    'tab-bar': tabBar,
  },
};
</script>

<style>
  .cell_align {
    /*padding: 5%;*/
    text-align: justify;
    /*margin-bottom: 4%;*/
  }
  .cell_header {
    font-size: 15px;
    padding-left: 20px;
    /*margin-top: 3%;*/
  }

</style>
